<template>
    <div class="detail-content">
      <el-row :gutter="20">
        <el-col :span="12">
          <span>首页广告编码:</span>
          {{ objData.homeId }}
        </el-col>
        <el-col :span="12">
          <span>首页广告链接:</span>
          {{ objData.homeLink }}
        </el-col>
        <el-col :span="24">
          <span>首页广告图片:</span>
          <div class="demo-image__preview">
            <el-image
              style="width: 400px; height: 400px"
              :src="objData.homeIcon"
              :zoom-rate="1.2"
              :max-scale="7"
              :min-scale="0.2"
              :preview-src-list="[objData.homeIcon]"
              fit="cover"
            ></el-image>
          </div>
        </el-col>
      </el-row>
      <el-button class="btn-back" type="primary" plain @click="$emit('handleCancle')">返回</el-button>
    </div>
  </template>
  <script>
  export default {
    name: "detail",
    data() {
      return {};
    },
    props: {
      // 详情数据
      objData: {
        type: Object,
        default: () => {}
      }
    },
    methods: {
      // 趋势类型
      changeTrendsType(type) {
        let TrendsTypeS = {
          2: "搜索",
          3: "信息流",
          4: "电商",
          5: "阿拉丁",
          6: "知识营销"
        };
        return TrendsTypeS[type];
      }
    }
  };
  </script>
  <style scoped lang="scss">
  .detail-content {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    .el-col {
      margin: 12px 0;
      span {
        color: #409eff;
      }
    }
    .btn-back {
      display: flex;
      text-align: center;
      margin: 0 auto;
      margin-top: 50px;
    }
  }
  </style>
  